﻿.test-catalog { margin-top: 10px; overflow: auto; padding-left: 10px; }

.test-catalog .subject
{
	padding: 0 5px;
	width: 33%;
	float: left;
}
.test-catalog .subject h3
{
	color:black;
	font-size:1.5em;
	margin:10px 0;
}
.test-catalog .subject h3 a
{
	text-decoration: none;
}
.test-catalog .subject.opened
{
	padding-bottom: 20px;
}
.test-catalog .subject.closed
{
	padding-bottom: 1px;
}
.test-catalog .column
{
	width: 33%;
}
.test-catalog .subject ul li a 
{
	color: #1972A9;
	font-size: 1.1em;
	text-decoration: none;
}
a, a:visited, a:link, a:hover 
{
	color: #1972A9;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
}
#page-title 
{
	color: #0F8DD9;
	font-size: 2em;
	height: 50px;
	line-height: 17px;
}
#subject-tests
{
	float: right;
	font-size: 0.9em;
	margin: 0 0 20px 15px;
	width: 270px;
}
.rpanel
{	
	background:#EEEEEE none repeat scroll 0 0;
	margin:50px auto;
	padding:8px;
	position:relative;
}
#subject-tests .content table tr td 
{
	border-bottom:1px solid #EEEEEE;
	color:#333333;
	font-size:1.1em;
	padding:2px 8px;
	text-align:left;
	width:1%;
}
#subject-tests .content table tr.even 
{
	background:#FBFBFB none repeat scroll 0 0;
}
#test-info 
{
	margin: 14px 0 10px 10px;
	width: 270px;
}
table.report td:first-child 
{
	border-right:1px solid #EEEEEE;
	color:gray;
	padding:2px 4px;
	text-align:right;
	width:1%;
}
table.report td 
{
	border-bottom:1px solid #EEEEEE;
	color:#333333;
	padding:2px 4px;
	text-align:center;
	width:1%;
}
table.report tr.even 
{
	background:#FBFBFB none repeat scroll 0 0;
}
#test-info .content 
{
	background:#EEEEEE none repeat scroll 0 0;
	padding:8px 4px 2px;
}
table.report tr.category td 
{
	border:medium none;
	font-size:1.1em;
	text-align:center;
}
.test-page 
{
	position :relative;
}
.test-page .linkButton 
{
	float:left;
	line-height:30px;
	margin:10px 0;
	width:auto;
}


/*Test runner*/
.testrunner
{
	padding-top:12px;
}
.testrunner .sidebar 
{
	float:left;
	margin-left:20px;
	width:140px;
}
.testrunner .sidebar .items 
{
	display:block;
}
.testrunner .sidebar .items li.answered 
{
	background:transparent url(Images/answered-blue.gif) no-repeat scroll right center;
	padding:0 23px 0 0;
}
.testrunner .sidebar .items li 
{
	cursor:pointer;
	display:block;
	height:18px;
	margin:5px 0;
	padding:0 23px 0 0;
}
.testrunner .sidebar .items li b
{
	background:transparent url(Images/question-item.gif) no-repeat scroll 0 0;
	display:block;
	height:18px;
}
.testrunner .sidebar .items li b b 
{
    background :transparent url(Images/question-item.gif) no-repeat scroll right -18px;
    color:white;
    padding:0 10px;
}
.testrunner .sidebar .items li.current b 
{
	background:transparent url(Images/question-item.gif) no-repeat scroll 0 -36px;
}
.testrunner .sidebar .items li.current b b 
{
	background:transparent url(Images/question-item.gif) no-repeat scroll right -54px;
}
.testrunner .sidebar .timer 
{
	font-weight:bold;
    height:18px;
    margin:0 0 0 10px;
}

.testrunner { padding-top: 12px; }

.testrunner p.red { color: red; }

.testrunner .question {
    margin-left:160px;
    width: auto;
}

.testrunner .question .q-text { font-size:1.3em; white-space:normal; zoom:1; }

.testrunner .question .answers {}
    .testrunner .question .buttons {}
    .testrunner .question .answers { margin: 11px 0; }
    .testrunner .question .answers li { margin: 11px 0; padding-left:25px; zoom:1;}
        .testrunner .question .answers li label { cursor:pointer; color:black; margin-left:5px; }
        .testrunner .question .answers li input { margin-left:-20px; }

.testrunner .sidebar {
    float: left;
    margin-left:20px;
    width:110px;
}

.testrunner .sidebar .items { display: block;}
    .testrunner .sidebar .items li {
        margin: 5px 0;
        display:block; height:18px;
        cursor:pointer;
        padding: 0 23px 0 0;
    }
    .testrunner .sidebar .items li b {
        display:block; height:18px;
        background: url( Images/question-item.gif ) no-repeat;
    }
    .testrunner .sidebar .items li b b {
        background: url(Images/question-item.gif ) no-repeat right -18px;
        color:white;
        padding: 0 10px;
    }
    .testrunner .sidebar .items li.current b { background: url(Images/question-item.gif ) no-repeat 0 -36px; }
    .testrunner .sidebar .items li.current b b { background: url(Images/question-item.gif ) no-repeat right -54px; }

    .testrunner .sidebar .items li.answered {
        background: url(Images/answered-blue.gif ) no-repeat right;
        padding: 0 23px 0 0;
    }

    .testrunner .sidebar .timer {
        height:18px;
        font-weight:bold;
        margin: 0 0 0 10px;
    }

    .testrunner .sidebar .buttons {}

    ol, ul{list-style: none outside none; padding: 0;}
    
    .test-page .linkButton #ctl00_TsContent_btnStart {
    background-color:#FFFFFF;
    background-image:url("Images/button.png");
    background-position:0 3px;
    background-repeat:no-repeat;
    border:medium none;
    color:#FFFFFF;
    cursor:pointer;
    height:29px;
    width:145px;
    }
    
    .test-page .linkButton input {
    -moz-border-radius:5px 5px 5px 5px;
    border:1px solid #43D8FF;
    color:#0DB0D5;
    font-family:Trebuchet MS;
    font-size:14px;
    font-weight:bold;
    height:20px;
    margin:0 0 25px;
    padding:5px;
    width:273px;
    }

.admin-panel { background: #F7F7F7 none repeat scroll 0 0; padding-bottom:10px;}
    .admin-panel .txtSmall { width: 200px; }
    .admin-panel .txtMedium { width: 300px; }
    .admin-panel .txtLarge { width: 400px; }
    .admin-panel #validation-summary { padding: 5px 0 10px 5px; }
.edititem-div { background: #EFFAFF none repeat scroll 0 0; border: 1px solid #DAE1E8; margin: 0 10px 5px; }
    .edititem-div .item { margin-left:10px; margin-bottom:5px; }
.item-div { background: white none repeat scroll 0 0; border: 1px solid #DAE1E8; margin: 0 10px 5px; }
    .item-div .item { margin-left:10px; margin-bottom:5px; }
    .item-div .item .item-removed { color: red; font-weight: bold; }
.command-buttons { margin-bottom: 5px; }
    .command-buttons .command-button {margin-right:10px; color:gray; }
.prop-label { font-weight:bold; margin-right:6px; }

.topMenu { margin-left: 180px;  }
    .topMenu ul { list-style-type:none;}
        .topMenu ul li { display:block; float:left; height:40px; line-height:40px;}
            .topMenu ul li .left { background: transparent url(Images/menu-l.png) no-repeat scroll 0 0;}
            .topMenu ul li .right { background: transparent url(Images/menu-l.png) no-repeat scroll 0 0; }
            .topMenu ul li a  
            {
            	font-size:18px; 
            	font-family:Verdana; 
            	display:block; 
            	float:left; 
            	font-style:italic; 
            	text-decoration:none; 
            	color:White; 
            	background:transparent url(Images/menu-bg.png);
                padding: 0 20px; 
            }
            .topMenu ul li a:hover { color:Gray;}

.fl_r { float:right; }
.quizItem {background: none repeat scroll 0 0 white; border: 1px solid #DAE1E8; width:400px; float: left; margin: 0 10px 5px; padding: 5px; text-align:center; }
    .quizItemTitle { font-weight:bold; font-size:16px; color:#0F8DD9;}
    .quizItemDelete { background: url("Images/delete_item.gif") no-repeat scroll 0 0; cursor: pointer; height: 17px; margin: 5px 5px 0 0; opacity: 0.5; }
    .quizItemDelete:hover { opacity: 1; }
       
.quizListItem { list-style-type:none; }

    